@charset "utf-8";
@import "init";
@import "common";


.container-fluid{
	
	.row{
		.part_one{
			padding: 60px 0 90px;
			margin-top: 50px;
			background-color: #8bc01f;
			.one{
				width: 55px;
				height: 55px;
				background-color: white;
				color: #8bc01f;
				font-size: 48px;
				display: inline-block;
				text-align: center;
				line-height: 55px;
				border-radius: 5px;
			}
			h2{
				font-size: 48px;
				color: white;
				display: inline-block;
				margin-left: 12px;
			}
			.text{
				margin-left: 10px;
				p{
					font-size: 14.09px;
					line-height: 28px;
					color: white;
					margin-bottom: 32px;
				}
				p:nth-child(1){
					font-size: 24.03px;
					margin-top: 20px;
					margin-bottom: 60px;
				}
				a{
					display: inline-block;
					text-align: center;
					line-height: 34px;
					border-radius: 5px;
					width: 100px;
					height: 34px;
					background-color: #e8f2d2;
					color:#8bc01f;
					text-decoration: none;
					font-size:14px ;
				}
			}
		}
		
	}

	.performance{
		padding: 60px 0 90px;
		background-color: #3393df;
		.two{
			width: 55px;
			height: 55px;
			background-color: white;
			color: #3393df;
			font-size: 48px;
			display: inline-block;
			text-align: center;
			line-height: 55px;
			border-radius: 5px;
		}
		h2{
			font-size: 48px;
			color: white;
			display: inline-block;
			margin-left: 12px;
		}
		.performance_box{
			margin-top: 20px;
			.img_box{
				width: 311px;
				height: 290px;
				overflow: hidden;
				img{
					width: 100%;
				}
			}
			h3{
				font-size: 24px;
				color: white;
				padding-bottom: 18px;
			}
			p{
				font-size: 14px;
				color: white;
				padding-bottom: 34px;
			}
			.image_box{
				width: 264px;
				height: 273px;
				overflow: hidden;
				margin-top: 170px;
				img{
					width: 100%;
				}
			}
		}
		
	}

	.introduce{
		padding: 80px 0 80px;
		.three{
			width: 55px;
			height: 55px;
			background-color: #3393df;
			color: white;
			font-size: 48px;
			display: inline-block;
			text-align: center;
			line-height: 55px;
			border-radius: 5px;
		}
		h2{
			font-size: 48px;
			color: #3393df;
			display: inline-block;
			margin-left: 12px;
		}
		h4{
			font-size: 18px;
			color: #3393df;
			margin-top: 37px;
			
		}
		
		p{
			font-size: 14px;
			color: #5d5d5d;
			text-indent: 2em;
			margin-top: 25px;
		}
		span{
			display: block;
			font-size: 18px;
			margin-top: 25px;
			color: #5d5d5d;
		}
		.img_box{
			width: 141px;
			height: 141px;
			overflow: hidden;
			margin: 41px auto 0px;
			img{
				width: 100%;
			}
		}
		.right{
			
			h4{
				font-size: 18px;
				color: #3393df;
				margin-top: 42px;
				
			}
			
		}
		
	}

	.introduce1{
		padding: 80px 0 80px;
		background-color: #f7f7f7;
		.three{
			width: 55px;
			height: 55px;
			background-color: #3393df;
			color: white;
			font-size: 48px;
			display: inline-block;
			text-align: center;
			line-height: 55px;
			border-radius: 5px;
		}
		h2{
			font-size: 48px;
			color: #3393df;
			display: inline-block;
			margin-left: 12px;
		}
		h4{
			font-size: 18px;
			color: #3393df;
			margin-top: 42px;
			
		}
		
		p{
			font-size: 14px;
			color: #5d5d5d;
			text-indent: 2em;
			margin-top: 25px;
		}
		span{
			display: block;
			font-size: 18px;
			margin-top: 25px;
			color: #5d5d5d;
		}
		.img_box{
			width: 141px;
			height: 141px;
			overflow: hidden;
			margin: 41px auto 0;
			
			img{
				width: 100%;
			}
		}
		.right{
			
			h4{
				font-size: 18px;
				color: #3393df;
				margin-top: 42px;
				
			}
			
		}
		
	}

}

@media only screen and (min-width:768px) and (max-width:991px){
	.container-fluid{
		.navbar-default .navbar-nav:first-of-type li a{
				padding:15px 4px;
		}
		.performance .performance_box .img_box {
			width: 100px;
			height: 100px;
			
		}
		.performance .performance_box .image_box{
			width: 100px;
			height: 100px;
			margin: 0;
		}
		
	}

	
}
@media only screen and (min-width:320px) and (max-width:767px){
	
	.container-fluid{
		.performance .performance_box .img_box {
			width: 100px;
			height: 100px;
			
		}
		.performance .performance_box .image_box{
			width: 100px;
			height: 100px;
			margin: 0;
		}
		.row .part_one h2{
			font-size: 40px;
			margin: 0;
		}
		.performance h2{
			font-size: 40px;
			margin: 0;
		}
		.introduce h2{
			font-size: 40px;
			margin: 0;
		}
		.introduce .img_box{
			width: 60px;
			height: 60px;
			margin-top: 10px;
		} 
		.introduce1 h2{
			font-size: 40px;
			margin: 0;
		}
		.introduce1 .img_box{
			width: 60px;
			height: 60px;
			margin-top: 10px;
		} 
		
	}
	
}